<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS</title>
    <style>
        .h1{
            background-color:green;
            font-size: 50px;
            text-align: center;
            }
        .p1{
            background-color: red;
            font-size: 30px;
            text-align: center;
            font-family: "宋体";
    
        }
        .p2{
            background-color: blue;
            font-size: 30px;
            text-align: center;
            font-family: "楷体";
        }
        .name{ 
            color: brown;
            background-color: yellow;
            font-size: 30px;
            text-align: center;
            font-family: "黑体";
        }
        .pwd{
            color: yellow;
            background-color: pink;
            font-size: 30px;
            text-align: center;
            font-family: "微软雅黑";
        }
        body{
            background-color: palegreen;
            background-attachment: fixed;

        }
    </style>
</head>
<body>
    <h1 class="h1">我爱我的祖国</h1>
    <p class="p1">对酒当歌，人生几何</p>
    <p class="p2">慨当以慷，何以解忧</p>
    <p class="name" >name</p> 
    <p class="pwd">password</p>
</body>
</html>